<template>
	<view class="route-warn">
		<view class="route-warn-item" v-show="showWarn === 1">
			<view class="route-warn-content flex--col route-warn--empty">
				<view class="warn-text text--secondary-dark">
					还没有路线，快创建一个吧
				</view>
				<view class="warn-icon ">
					&darr;
				</view>
			</view>
		</view>
	</view>
	
</template>

<script>
	/**
	 * showWarn: 0-未登录/未认证，1-列表为空
	 */
	export default{
		props:['showWarn'],
		
	}
</script>

<style lang="scss" scoped>
	.text--secondary-dark{
		font-size: 16px;
		font-weight: 600;
		color:#333;
	}
	
	.route-warn-item{
		@include border-three-roundings;
		box-sizing: border-box;
		width:100%;
		padding:12px 8px;
	}
	
	.route-warn-content{
		height:160px;
		background-color: #fff;
		border-radius: 14px;
		justify-content: center;
		text-align: center;
	}
	
	.route-warn--empty{
		border:2px dashed #333;
	}
	
	.route-warn--unlogin{
		background-color: #db720a26;
		font-size: 16px;
		font-weight: 600; 
		color: #FF8D1A;
	}
</style>